<template>
  <j-modal :footer="null"
    :title="title"
    :width="1200"
    :visible="visible"
    :maskClosable="false"
    :fullscreen="false"
    @ok="handleOk"
    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
    @cancel="handleCancel">
    <a-row >
      <ExpertRecommendRecordList :bidSectionId="bidSectionId"/>
    </a-row>
  </j-modal>
</template>

<script>
import ExpertRecommendRecordList from '../result/ExpertRecommendRecordList.vue'
import { httpAction, getAction } from '@/api/manage'

export default {
  name: 'ExpertRecommendRecordModal',
  components: {
    ExpertRecommendRecordList
  },
  data () {
    return {
      title: '',
      width: 800,
      visible: false,
      disableSubmit: false,
      bidSectionId:null
    }
  },
  methods: {
    showModal (record) {
      this.visible = true
      console.log(record)
      this.$nextTick(() => {
        this.bidSectionId = record.id
      })
    },
    closeAndShowModal () {
      this.$emit('closeAndShowModal', this.sectionInfo)
      this.visible = false
    },
    close () {
      this.$emit('close')
      this.visible = false
    },
    handleOk () {
      this.$refs.realForm.handleOk()
    },
    submitCallback () {
      this.$emit('ok')
      this.visible = false
    },
    handleCancel () {
      this.$emit('ok')
      this.close()
    }
  }
}
</script>

<style scoped>
</style>
